
/* ------------------------------------------------------------ */
/*                           MENU CONFIG                        */
/* ------------------------------------------------------------ */

#nav-menus-frame *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.menu-item-bar dt.menu-item-handle {width:100%;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;}
.menu-item-edit-active dt.menu-item-handle {background:#2ea2cc;border-color:#2ea2cc;color:#fff;}
.menu-item-edit-active dt.menu-item-handle .item-type {color:#fff;} 
.menu-item-edit-active dt.menu-item-handle .item-edit:before {color:#fff;}
.menu-item-edit-active .menu-item-settings {border-color:#2ea2cc;}
.menu-item-bar .menu-item-handle:hover {border-color:#2ea2cc;background:#2ea2cc;color:#fff;}
.menu-item-bar .menu-item-handle:hover .item-type,
.menu-item-bar .menu-item-handle:hover .item-edit:before {color:#fff;}
.menu-item-settings > br {display:none;}

.menu-item-settings {width:100%;padding:10px;}
.description-wide,
.menu-item-settings .description-thin,
.menu-item-settings .colorpicker-menu {width:33.3%;padding:3px 10px 7px;margin:0!important;}
.menu-item-actions {width:100%;}
.menu-item-settings .description-thin,
.menu-item-settings textarea {height:150px;}
.menu-item-handle .item-title {}

#menu-to-edit .menu-item-settings > p{height:auto;float:left;overflow:hidden;display:inline-block;}
#menu-to-edit .menu-item-settings > div.colorpicker-menu {overflow:hidden;}
#menu-to-edit .menu-item-settings > div.colorpicker-menu input {width:80px;float:left;}
#menu-to-edit .menu-item-settings > div.colorpicker-menu .add-on {padding:2px;background:#fff;border:1px solid #DFDFDF;float:left;margin-left:3px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
#menu-to-edit .menu-item-settings > p.hidden-field {display:none;}
#menu-to-edit .input-append.color .add-on i, #menu-to-edit .input-prepend.color .add-on i {width:20px;height:20px;}

.wp-editor-wrap.wd-custom-menu {clear:both;padding:3px 10px 7px;}
#menu-to-edit .menu-item-settings > p.field-static-html {width:100%;}

#menu-to-edit .wp-editor-wrap {clear:both;}

/* ------------------------------------------------------------- */
/*                       PAGE CONFIG                             */
/* ------------------------------------------------------------- */

ul.page_config_list li label {vertical-align:top;}

/* ------------------------------------------------------------- */
/*                       EDIT COLOR PICKER                       */
/* ------------------------------------------------------------- */

.colorpicker {display:none;position:absolute!important;width:120px!important;z-index:1000;background-color:#dcdcdc;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
.colorpicker:after {border-bottom-color:#ebebeb!important}
#config-custom-interface .toggle-enable .bg-input {float:none;margin-bottom:20px;}
#config-custom-interface .toggle-enable .bg-input-inner {width:165px;}
#config-custom-interface .toggle-enable select {box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;background:#f7f7f7}
#config-custom-interface .toggle-enable select option {background:#f7f7f7}
#config-custom-interface .color-picker-wrapper {float:left;width:30%;margin-right:3%;margin-bottom:10px;}
#config-custom-interface .bg-input-inner {float:left;position:relative;}
#config-custom-interface .color-picker-inner input {box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
#config-custom-interface .add-on {position:absolute;right:-30px;top:4px;z-index:1000;padding:3px;background:#f3f3f3;border:1px solid #dcdcdc}
#config-custom-interface .add-on:hover {background:#fff;border-color:#b0b0b0;}
#config-custom-interface .select-box-content-sort .bg-input-inner  {width:136px;}

/* ------------------------------------------------------------- */
/*                  EDIT SHORTCODE AWESOME ICON                  */
/* ------------------------------------------------------------- */

.wd-select-icon i {cursor:pointer;}
.wd-select-icon i:hover {color:red;}
.wd-select-icon.selected i {color:red;cursor:default;}
.wd-icon-selector > span {width:10%;display:inline-block;}
select .fa-lg,select .fa-1x,select .fa-2x,select .fa-3x,select .fa-4x,select .fa-5x {font-size:13px!important;line-height:18px!important;}


/* Add more*/
.crt-mega-menu, .crt-tab-menu-items{clear:both; float:none;}
.crt-menu-nav{ float:left;position:relative;width:20%!important;border-right:1px solid #a4a4a4;}
.crt-menu-tabcontent{float:right;width:80%;padding-left:10px;padding-top:10px;}
.crt-menu-tabcontent > div.tab-pane{display:none;}
.crt-menu-tabcontent > div.tab-pane.active{display:block;}

.crt-tab-menu-items{overflow:hidden;border:2px solid #a5a5a5;margin:0 10px;}
.crt-menu-nav > li a{background-color: #f5f5f5;position: relative;padding: 10px;line-height: 18px;display: block;text-decoration: none;border-bottom:1px solid #a4a4a4;}
.crt-menu-nav  li.last a{border-bottom:none;}
  
.crt-menu-nav > li.active a ,.crt-menu-nav > li:hover a {font-weight:700;background-color:#bdbbbb;color:#000;}
.crt-menu-nav > li.active a ,.crt-menu-nav > li a:focus{box-shadow:none;}


/* Menu Icon*/
.crt-icon-selected {
	width: 70px;
	height: 70px;
	color: #000;
	border-bottom: #555 solid 1px;
	float: left;
	text-align: center;
	background: #333;
	color: #eee;
	padding: 20px 0;
	cursor: pointer;
	position: relative;
}

.crt-icon-selected i {font-size:20px;}
.crt-icon-selected .crt-set-icon {position:absolute;top:45px; left:12px;}

.crt-icon-control {position:relative;}

.crt-icons{display: none;margin-left:80px; padding-left:10px; margin-right:20px; position: absolute;  max-height: 250px; z-index: 10000; overflow: auto;  background: #eee;}
.crt-icons .crt-icon-wrap{display:inline-block;width:10%;padding:5px;}
.crt-icons .crt-icon-wrap i{font-size:20px;}

.crt-remove-icon {position: absolute;  top: 75px;  left: 0;  font-size: 11px;  padding: 0 2px!important; }
.crt-remove-icon i.crt-icon{font-size:11px;padding:0 2px;}


.crt-icons-search-wrap{padding-top:10px;padding-bottom:10px;}
.crt-icons-search{width:98%;display:block;}

/* menu background*/
.crt-background-wrapper .crt-background-item{margin-bottom:20px;}
.crt-menu-tabcontent  select{margin-top:5px;}

span.edit-menu-item-background-wrapper img{max-height:200px;max-width:400px;}